.MuTiLoginPage {
	width: 100vw;
	height: 100vh;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;

	& > .LoginBack {
		position: absolute;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		z-index: -1;
	}

	& > .LoginTop {
		position: absolute;
		left: 0;
		top: 0;
		width: 100vw;
		height: 50px;
		z-index: 1;
	}

	& > .LoginBtm {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100vw;
		height: 50px;
		z-index: 1;
	}

	& > .LoginBox {
		position: relative;
		width: 620px;
		height: 420px;
		z-index: 1;
		background: linear-gradient(
			315deg,
			rgba(0, 44, 91, 0),
			rgba(88, 190, 255, 0.4)
		);
		border-radius: 15px 0 0 0;

		&::after,
		&::before {
			position: absolute;
			content: "";
			right: 0;
			bottom: 0;
			background: #34f2f4;
		}

		&::after {
			width: 1px;
			height: 29px;
		}

		&::before {
			width: 29px;
			height: 1px;
		}

		& > .title {
			width: 100%;
			height: 180px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 55px;
			font-family: YouSheBiaoTiHei;
			font-weight: 400;
			color: #ffffff;
			text-shadow: 0 0 10px #1d81ff;
		}

		& > .LoginBoxBack {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			display: block;
			z-index: -1;
		}

		& > .codeTables {
			position: absolute;
			right: 0;
			top: 0;
			width: 80px;
			height: 80px;
			cursor: pointer;

			& > img {
				width: 100%;
				height: 100%;
			}
		}

		& > .SingUp {
			position: absolute;
			left: 0;
			bottom: 15px;
			width: 100%;
			height: 285px;
			z-index: 2;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > .SignUpForm {
				width: 85%;

				& > .SignUpBtn {
					margin-bottom: 0;

					button {
						height: 44px;
						font-size: 22px;
						font-weight: bold;
					}
				}

				.ant-input-affix-wrapper {
					height: 55px;
					font-size: 25px;
					background-color: #021d4c;
					color: #37ffc9;
					border: 1px solid #37ffc9;

					input {
						text-indent: 15px;
						font-size: 20px;
						background-color: #021d4c;
						color: #37ffc9;
					}

					.ant-input-password-icon.anticon {
						color: #37ffc9;
					}
				}

				& > .SignUpBtn {
					.ant-btn-primary {
						background: linear-gradient(180deg, rgba(0, 44, 91, 0.3), #37ffc9);
					}

					.ant-btn {
						border: none;
						outline: none;
						height: 55px;
						border-radius: 10px;
					}
				}
			}

			& > .CodeUpBox {
				width: 100%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;

				& > #QRcode {
					height: 280px;
					overflow: hidden;

					& > iframe {
						height: 280px !important;
					}
				}
			}

			& > .plugInUnit {
				padding: 16px 0;
				width: 100%;
				text-align: center;
				font-size: 16px;
				font-family: ShuHeiTi;
				font-weight: bold;
				color: #37ffc9;
				cursor: pointer;
			}
		}
	}
}
